/*
* @Author: Marte
* @Date:   2017-08-05 14:41:57
* @Last Modified by:   Marte
* @Last Modified time: 2017-08-05 14:46:11
*/

function showTips(txt,time,status)
        {
            var htmlCon = '';
            if(txt != ''){
                if(status != 0 && status != undefined){
                    htmlCon = '<div class="tipsBox" style="width:220px;padding:10px;background-color:#4AAF33;border-radius:4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;color:#fff;box-shadow:0 0 3px #ddd inset;-webkit-box-shadow: 0 0 3px #ddd inset;text-align:center;position:fixed;top:25%;left:50%;z-index:999999;margin-left:-120px;"><img src="images/ok.png" style="vertical-align: middle;margin-right:5px;" alt="OK，"/>'+txt+'</div>';
                }else{
                    htmlCon = '<div class="tipsBox" style="width:220px;padding:10px;background-color:#D84C31;border-radius:4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;color:#fff;box-shadow:0 0 3px #ddd inset;-webkit-box-shadow: 0 0 3px #ddd inset;text-align:center;position:fixed;top:25%;left:50%;z-index:999999;margin-left:-120px;"><img src="images/err.png" style="vertical-align: middle;margin-right:5px;" alt="Error，"/>'+txt+'</div>';
                }
                $('body').prepend(htmlCon);
                if(time == '' || time == undefined){
                    time = 1500;
                }
                setTimeout(function(){ $('.tipsBox').remove(); },time);
            }
        }

        $(function(){
            //AJAX提交以及验证表单
            $('#nextBtn').click(function(){
                var username = $('.username').val();
                var passwd = $('.passwd').val();
                var passwd2 = $('.passwd2').val();
                var verifyCode = $('.verifyCode').val();
                var email=$('.email').val();
                var emailReg= /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/; //邮件正则
                var userReg = /^[A-Za-z0-9]+$/; //用户名正则
                if(email == ''){
                  if(username == ''){
                    showTips('请填写您的用户名~');
                }else if(!userReg.test(username)){

                    showTips('您的用户名格式错咯~');
                }else if(!emailReg.test(email))
                {
                    showTips('您的邮箱格式错咯~');
                }
                else if (username.length<=6)
                {
                     showTips('您输入的用户名不能小于6位~');
                }
                else if (username.length>=16)
                {
                     showTips('您输入的用户名不能大于16位~');
                }
                else if(passwd == ''){
                    showTips('请填写您的密码~');
                }else if (passwd.length<=6)
                {
                     showTips('您输入的密码不能小于6位~');
                }
                else if (username.length>=16)
                {
                     showTips('您输入的用户名不能大于16位~');
                }
                else if(passwd2 == ''){
                    showTips('请再次输入您的密码~');
                }else if(passwd != passwd2 || passwd2 != passwd){
                    showTips('两次密码输入不一致呢~');
                }else if(verifyCode == ''){
                    showTips('请输入验证码~');
                }else{
                    showTips('提交成功~ 请再点击下一步哦~',2500,1);
                    $('#nextBtn').click(function()
                    {

                        index=1;
                         $('.processorBox li').removeClass('current').eq(index).addClass('current');
                        $('.step').fadeOut(300).eq(index).fadeIn(500);
                         });

                    //此处省略 ajax 提交表单 代码...
                }
            }
            });

            //切换步骤（目前只用来演示）
            $('.processorBox li').click(function(){
                var i = $(this).index();
                $('.processorBox li').removeClass('current').eq(i).addClass('current');
                $('.step').fadeOut(300).eq(i).fadeIn(500);
            });




            $('.c46').click(function()
            {
                index=0;
                 $('.processorBox li').removeClass('current').eq(index).addClass('current');
                        $('.step').fadeOut(300).eq(index).fadeIn(500);

            })
            $('.secondstep').click(function()
            {
                index=2;
                $('.processorBox li').removeClass('current').eq(index).addClass('current');
                        $('.step').fadeOut(300).eq(index).fadeIn(500);
            })
        });